<%--
  Created by IntelliJ IDEA.
  User: liu
  Date: 2022/11/3
  Time: 13:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/img/jiejie_logo_s.png">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/confirm.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/head.css">
    <script src="${pageContext.request.contextPath}/js/jquery-3.6.0.min.js"></script>
    <title>确认订单</title>
</head>
<body>

<div class="confirm" >
    <!-- 头部导航 -->
    <div class="header">
        <div class="header-inner">
            <div class="nav">
                <!-- logo -->
                <div class="logo">
                    <a href=""><img src="${pageContext.request.contextPath}/img/jiejie_logo.png" alt=""></a>
                </div>
                <div>
                    <div class="menu-item"><a href="${pageContext.request.contextPath}/index.jsp">首页</a></div>
                    <div class="menu-item"><a href="${pageContext.request.contextPath}/pages/films.jsp">电影</a></div>
                    <div class="menu-item"><a href="${pageContext.request.contextPath}/pages/cinema.jsp">影院</a></div>
                    <div class="menu-item"><a href="${pageContext.request.contextPath}/orderby">榜单</a></div>
                </div>

                <form action="query" method="get" >
                    <div class="search-form">
                        <input type="text" class="search-text" name="movieName">
                        <input type="hidden"  name="pageNum" value="1">
                        <input class="search-img" type="submit" value="">
                    </div>
                </form>
                <div class="head-user">
                    <a href="home_login.html" class="loginBtn">登录</a>
                    <a href="home_regist.html" class="loginBtn">注册</a>
                </div>
                <div class="user-info">
                    <div class="user-avatar has-login">
                        <img src="${pageContext.request.contextPath}/img/touxiang.png">
                        <ul class="user-menu yes-login-menu">
                            <li class="text"><a href="">我的订单</a></li>
                            <li class="text login-name" ><a href="javascript:void 0">基本信息</a></li>
                            <li class="text"><a href="javascript:void 0" class="J-logout" data-act="logout-click">退出登录</a></li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- 避免下面的块上移 -->
    <div class="header-m"></div>


    <div class="container" id="app" >
        <div class="order-progress-bar">
            <div class="step first done">
                <span class="step-num">1</span>
                <div class="bar"></div>
                <span class="step-text">选择影片场次</span>
            </div>
            <div class="step done">
                <span class="step-num">2</span>
                <div class="bar"></div>
                <span class="step-text">选择座位</span>
            </div>
            <div class="step done">
                <span class="step-num">3</span>
                <div class="bar"></div>
                <span class="step-text">10分钟内付款</span>
            </div>
            <div class="step last ">
                <span class="step-num">4</span>
                <div class="bar"></div>
                <span class="step-text">影院取票观影</span>
            </div>
        </div>


        <div class="count-down-wrapper">
            <div class="count-down" data-payleftseconds="839" id="remainTime">
                <p class="time-left">
                    请在
                    <span class="minute">9</span>
                    分钟
                    <span class="second">59</span>秒内完成支付
                </p>
                <p class="tip">超时订单会自动取消，如遇支付问题，请致电猫眼客服：1010-5335</p>
            </div>
        </div>

        <p class="warning">请仔细核对场次信息，出票后将<span class="attention">无法退票和改签</span></p>


        <table class="order-table">
                <thead>
                <tr>
                    <th>影片</th>
                    <th>时间</th>
                    <th>影院</th>
                    <th>座位</th>
                </tr>
                </thead>
                <tbody>
                <tr name="orderNum" class="information">
                    <td class="movie-name" >《平凡英雄》</td>
                    <td class="showtime" >今天 11月3日 15:50</td>
                    <td class="cinema-name"  >杰杰影院</td>
                    <td>
                        <span class="hall" >1号厅</span>
                        <div class="seats">
                            <div>
                                <span>4排3座</span>
                            </div>
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>
        <div class="outer-div">
            <div>
                <span class="dis-text layui-inline">优惠券:</span>
                <span class="layui-inline">
          <select class="myCoupon">
<%--             <option>----请选择你的优惠券----</option>--%>
<%--            <c:forEach var="coupon" items="${couponList}">--%>
<%--              <option>--%>
<%--                  ${coupon.other2}--%>
<%--                   <span class="discountPrice" style="display: none">${coupon.other1}</span>--%>
<%--              </option>--%>
<%--            </c:forEach>--%>
          </select>
        </span>
            </div>
        </div>


            <div class="right">
                <div class="price-wrapper">
                    <span class="total">购票总价 :</span>
                    <span class="pre">优惠价格 :</span>
                    <span class="real">实际支付 : </span>
                    <span class="price">￥</span>
                    <span class="price prices">30.9</span>
                    <span class="aaa" hidden="hidden"></span>
                </div>
            </div>
            <form class="form_info" method="post" action="${pageContext.request.contextPath}/alipay">
                <input type="hidden" name="customerId" value="用户id">
                <input type="hidden" name="scheduleId" value="排片id">
                <input type="hidden" name="orderAdjustedPrice" value="订单价格">
                <input type="hidden" name="orderSeatNum" value="座位号">
                <input type="hidden" name="customerAndCouponId" value="优惠券id">
                <input class="submitBtn" type="submit" value="前往支付宝进行支付" >
            </form>
        <div class="modal-container" style="display:none">
            <div class="modal">
                <span class="icon"></span>

                <p class="tip">支付超时，该订单已失效，请重新购买</p>

                <div class="ok-btn btn">我知道了</div>
            </div>
        </div>

    </div>
</div>
<script src="${pageContext.request.contextPath}/js/confirm.js"></script>
</body>
</html>
